/*
To customize the look and feel of Ionic, you can override the variables
in ionic's _variables.scss file.

For example, you might change some of the default colors:

$light:                           #fff !default;
$stable:                          #f8f8f8 !default;
$positive:                        #387ef5 !default;
$calm:                            #11c1f3 !default;
$balanced:                        #33cd5f !default;
$energized:                       #ffc900 !default;
$assertive:                       #ef473a !default;
$royal:                           #886aea !default;
$dark:                            #444 !default;
*/

// The path for our ionicons font files, relative to the built CSS in www/css
$ionicons-font-path: "../lib/ionic/fonts" !default;

// Include all of Ionic
@import "www/lib/ionic/scss/ionic";
@import "www/lib/ydz/scss/input_select";
ion-header-bar {
  position: relative;
  .left-image {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: 100%;
    padding: 6px;
  }
}
.select_city {
  background-color: $balanced;
}
.orders {
  .item-content {
    overflow: auto;
  }
}
.sect {
  position: relative;
  .bar {
    position: relative !important;
  }
  .item-input-select {
      &.item,
      &.item-input {
      overflow: visible;
      z-index: initial;
      white-space: normal;
    }
  }
}

ion-footer-bar {
  .title {
    color: $dark !important;
  }
}
ion-modal-view {
  .info {
    text-align: center;
    .stat {
      color: #aaa;
    }
  }
}
